<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!-- 引入框架 -->
		<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<!-- 引入自身 -->
		<script src="js/orderxx.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/orderxx.css" />
		<title></title>
	</head>

	<!-- //状态模板 -->
	<script type="text/html" id="state">
	{{# if(d.state == '1'){ }}
		<span class="layui-badge">未处理</span>
		{{# } else if(d.state == '0') { }}
			<span class="layui-badge layui-bg-orange">支付取消</span>
			{{# } else if(d.state == '2') { }}
				<span class="layui-badge layui-bg-blue">已发货</span>
				{{# } else if(d.state == '3') { }}
					<span class="layui-badge layui-bg-green">已收货</span>
					{{# }}}
	</script>
	<!-- //模板 -->

	<!-- //顶部工具栏 -->
	<script type="text/html" id="toolbarDemo">
		<div class="layui-btn-group">
			<button type="button" class="layui-btn layui-btn-primary layui-btn-sm" lay-event="allorder">全部订单
			</button>
			<button type="button" class="layui-btn layui-btn-primary layui-btn-sm" lay-event="moorder">本月订单
			</button>
			<button type="button" class="layui-btn layui-btn-primary layui-btn-sm" lay-event="dayorder">当天订单
			</button>
		</div>
	</script>

	<body>
		<div class="header">
			<div class="layui-card">
				<div class="layui-card-header">成交总额</div>
				<div class="layui-card-body">
					<h3>￥</h3><span id="zong" class="layui-badge">8998998</span>
					<h3>元</h3>
				</div>
			</div>
			<div class="layui-card">
				<div class="layui-card-header">今日成交总额</div>
				<div class="layui-card-body">
					<h3>￥</h3><span id="jr" class="layui-badge">8998998</span>
					<h3>元</h3>
				</div>
			</div>
		</div>
		<div class="clear"></div>
		<div class="body">
			<!-- 表格 -->
			<table class="layui-table"
				lay-data="{height: 450,loading:'true', url:'', page:true, toolbar: 'true', toolbar: '#toolbarDemo', even:'true',id: 'testReload'}"
				lay-filter="tooltable">
				<thead>
					<tr>
						<th lay-data="{type:'numbers', width:60}">序号</th><!-- //序号 -->
						<th lay-data="{field:'orderbh',width:400}">订单编号</th>
						<th lay-data="{field:'ordertime',sort: true,templet:'#tx'}">时间</th>
						<th lay-data="{field:'money', sort: true}">金额（元）</th>
						<th lay-data="{field:'state',templet:'#state'}">状态</th>
					</tr>
				</thead>
			</table>
		</div>
	</body>
</html>
